{include file="common/header" /}
<div class="x-nav">
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
            <!--<input class="layui-input" placeholder="开始日" name="start" id="start" value="">-->
            <!--<input class="layui-input" placeholder="截止日" name="end" id="end" value="">-->
            <input type="text" name="username" value="{$username}"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
    </div>
    <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','/admin/admin/add')"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：{$admin_list->total()} 条</span>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>头像</th>
            <th>登录名</th>
            <th>角色</th>
            <th>最后登录时间</th>
            <th>最后登录ip</th>
            <th>登录次数</th>
            <th>状态</th>
            <th>操作</th>
        </thead>
        <tbody>
        {if($admin_list)}
            {foreach($admin_list as $k=>$v)}
                <tr>
            <td>
                <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$v.id}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$v.id}</td>
            <td>
                <img style="width: 50px;height: 50px;border-radius: 25px" src="{$v.portrait}">
            </td>
            <td>{$v.username}</td>
            <td>
                {if($v.groupid)}
                    {foreach($v['groupid'] as $k1=>$v1)}
                        {$v1.title}&nbsp;
                    {/foreach}
                {/if}

            </td>
            <td>{$v.last_login_time|date='Y-m-d H:i:s',###}</td>
            <td>{$v.last_login_ip}</td>
            <td>{$v.loginnum}</td>
            <td class="td-status">
                {if($v.status == 1)}
                <span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>
                {else /}
                <span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-disabled">已停用</span>
                {/if}
            </td>
            <td class="td-manage">
                {if($v.status == 1)}

                <a onclick="member_stop(this,{$v.id})" href="javascript:;" title="启用">
                    <i class="layui-icon"></i>
                </a>
                {else /}
                <a onclick="member_stop(this,{$v.id})" href="javascript:;" title="停用">
                    <i class="layui-icon"></i>
                </a>

                {/if}

                <a title="编辑"  onclick="x_admin_show('编辑','/admin/admin/edit?id={$v.id}')" href="javascript:;">
                    <i class="layui-icon">&#xe642;</i>
                </a>
                <a title="删除" onclick="member_del(this,{$v.id})" href="javascript:;">
                    <i class="layui-icon">&#xe640;</i>
                </a>
            </td>
        </tr>
            {/foreach}
        {/if}
        </tbody>
    </table>
    {if($admin_list)}
        {$admin_list->render()}
    {/if}
</div>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });

    /*用户-停用*/
    function member_stop(obj,id){
        var txt = $(obj).attr('title') == '启用' ? '停用' : '启用';
        layer.confirm('确认要'+txt+'吗？', function (index) {


            var status = $(obj).attr('title')=='启用'?0:1;
            $.ajax({
               url:'/admin/admin/set_status',
               type:'post',
                data:{
                   status:status,
                    id:id
                },
                success:function (data) {
                   if(data.code == 200){
                       if($(obj).attr('title')=='启用'){
                           //发异步把用户状态进行更改
                           $(obj).attr('title','停用')
                           $(obj).find('i').html('&#xe62f;');
                           $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                           layer.msg('已停用!',{icon: 6,time:1000});
                       }else{
                           $(obj).attr('title','启用')
                           $(obj).find('i').html('&#xe601;');

                           $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                           layer.msg('已启用!',{icon: 6,time:1000});
                       }
                   }else {
                       layer.msg(data.msg,{icon: 5,time:1000});
                   }
                },
                error:function () {
                    layer.msg('网络错误',{icon: 5});
                }
            });
        });
    }
    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $.ajax({
                url:'/admin/admin/del',
                type:'post',
                data:{
                    id:id
                },
                success:function (data) {
                    console.log(data);
                    if(data.code == 200){

                        //捉到所有被选中的，发异步进行删除
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});

                    }else {
                        layer.msg('删除失败', {icon: 5});
                    }
                },
                error:function (res) {
                    layer.msg('网络错误',{icon:5,time:1000});
                }
            });


        });
    }



    function delAll (argument) {

        var data = tableCheck.getData();
        console.log(data);


        layer.confirm('确认要删除吗？'+data,function(index){

            $.ajax({
                url:'/admin/admin/del',
                type:'post',
                data:{
                    id:data
                },
                success:function (data) {
                    console.log(data);
                    if(data.code == 200){

                        //捉到所有被选中的，发异步进行删除
                        layer.msg('删除成功', {icon: 1});
                        $(".layui-form-checked").not('.header').parents('tr').remove();

                    }else {
                        layer.msg('删除失败', {icon: 5});
                    }
                },
                error:function (res) {
                    layer.msg('网络错误',{icon:5,time:1000});
                }
            });



        });
    }
</script>
{include file="common/footer" /}